body {
    margin:30px;
    font-size:.9em;
/*    font-family:Tahoma, Arial; */
    font-family: "bitstream vera sans", "dejavu sans", "Myriad Pro", sans-serif, Tahoma, Arial;    
/*    font-size:11px; */
    background: url(images/mp-body-background-green-blend.png) repeat-x #23833c;
}

#body-box {
    color:black;
}

a {
    color: darkgreen;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

p {
    padding-top:0;
    padding-right:.75em;
    padding-bottom:0;
    padding-left:0;
}

h1 {
    font-family: "Myriad Pro", "Trebuchet MS", Arial;
    margin:0;
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0px;
    text-transform:uppercase;
    font-size:1.55em;
    color:Green;
}

h2 {
    color:Green;
}

h6 {
    color:Green;
    font-size:.80em;
}

li {
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
}

#header-background {
    background-image:url(images/mp-header-background-leaves.png);
    background-repeat:repeat-x #000;
    background-position:top left;
    background-color:transparent;
    height:300px;
    width:100%;
    z-index: 1;
}

#header-foreground {
    background-image:url(images/mp-logo.png);
    background-repeat:no-repeat;
    background-position:top left;
    background-color:transparent;
    height:311px;
    width:100%;
    z-index: 2;
}

#logo {
    background-image:url(images/mp-header-background-grass.png);
/*    background-repeat:no-repeat; */
    background-repeat:repeat-x #000;
    background-position:top right;
    background-color:transparent;
    height:311px;
    width:100%;
    z-index: 3;
}

#logo_text {
    float:right; width:324px;
    font-size:10px;
    color:#fff;
    padding-top:5px;
}

#logo a{
    font-family: "Myriad Pro", "Trebuchet MS", Arial; color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;
    text-transform:uppercase;
    letter-spacing:5px;
}

#company-text-box{
    float:right;
    padding-top:147px;
    padding-right:35px;
    padding-bottom:0;
    padding-left:27px; 
}

#company-slogan-01 {
    float:right;
    font-size:2.25em;
    line-height:1.25em;
    z-index: 2;
}

#company-slogan-02 {
    float:right;
    font-size:1.5em;
    color:black;
/*    color:#1b5b2e; */
    z-index: 2;
}

#statusbar-box {
    float: left;
    background-color:#1b5b2e;
    width:100%;
}

#statusbar {
    float: left;
    width:97%;
    background-color:#1b5b2e;
}

/* menu user */
#menu-user{
    color:white;        /* changes bracket color for login menu */
    float: left;
/*    background-color:#1b5b2e; */
    text-align:left;
    padding-top:1%;
    padding-left:3%; 
}

/* menu user */
#menu-user a{
    color:white;        /* changes letter color for login menu */
}

#menu-language-selection {
    color:white;
    float:right;
    background-color:#1b5b2e;
    padding-top:1%;
    padding-left:3%; 
}

#menu-language-selection a{
    color:white;        /* changes letter color for language menu */
}


/* menu-site-box*/
#menu-site-box {
/*    background-image:url(images/mp-sidebar-background.png);*/
    background-color:#91bd02; 
    margin:1.425%;
    padding:2.75%;
    float: left;
/*    width: 30em; */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* #################################### */
ul.web2py-menu,
ul.web2py-menu ul,
ul.web2py-menu a
{
    display: block;
    line-height:1.5em;
    margin: 0;
    font-size:1em;
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:10px;
}

ul.web2py-menu li {
    background-image: url(images/mp-list-bullet.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:8px;
}

ul.web2py-menu {
    background: transparent;
}

ul.web2py-menu,
ul.web2py-menu li,
ul.web2py-menu ul
{
    list-style: none;
}

ul.web2py-menu ul
{
    display: none;
}

ul.web2py-menu li
{
    position: relative;
    z-index: 1;
}

ul.web2py-menu li:hover
{
    z-index: 999;
}

ul.web2py-menu li:hover > ul
{
    display: block;
    position: absolute;
}

ul.web2py-menu-horizontal li
{
    float: left;
    width: auto;
}
/* #################################### */
/* #################################### */
ul.web2py-menu-hRight li
{
    float: right;
}

ul.web2py-menu-vertical li
{
    float: none;
}

ul.web2py-menu-vertical,
ul.web2py-menu-vertical ul
{
    width: 10em;
}

/* #################################### */

#menu-site {
    float:none;    
}

#content-box {
    float:left;
    background-color:#1b5b2e;
    width: 94%;
    padding-top:1%;
    padding-right:3%;
    padding-bottom:3%;
    padding-left:3%; 

}

#content {
    float:left;
    background-color:white;
    align:center
    width: 90%;
    border-bottom: 2px black solid;
    border-left: 2px black solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#column-01 {
    align:left;
    padding-top:1%;
    padding-right:3%;
    padding-bottom:3%;
    padding-left:1%; 
}

#column-02 {
    background-color:yellow
    align:right;
    padding-top:1%;
    padding-right:3%;
    padding-bottom:3%;
    padding-left:10px; 
}

#column-02 li{
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    padding-left:4px;
}

#footer {
    font-family: "Myriad Pro", "Trebuchet MS", Arial;
/*    background:url(images/mp-footer-background.png) repeat-x #000; height:55px; */
    height:25px;
    background-color:#1b5b2e;

    clear: both;
}

#left-footer {
    float:left;
    padding:0px 0 0 30px;
    color:#fff;
    font-size:12px;
}

#left-footer a {
    color:#fff;
}

#left-footer a:hover {
    text-decoration:none;
}

#right-footer {
    float:right;
    padding:0px 30px 0 0;
    color:#fff;
    font-size:12px;
    text-align:right;
}

#right-footer a {
    color:#fff;
}
